#{extends 'frame.html' /}

#{set title:'买手微代任务管理' /}



#{set 'moreStyles'}

<link rel="stylesheet" media="screen" href="@{'/public/stylesheets/admin/buyer-tasks.css'}" />

<link rel="stylesheet" media="screen" href="@{'/public/stylesheets/admin/user-manage.css'}" />

<link rel="stylesheet" media="screen" href="@{'/public/stylesheets/jquery.pagination.css'}" />

<link rel="stylesheet" media="screen" href="@{'/public/stylesheets/datePicker.css'}" />

#{/set}

<div class="contentCard">

	<div class="contentTitle">

		<span class="iconfont">&#xf00bf;</span>

		微代任务列表

	</div>

	<div id="taskFilterPanel">

		<div class="clearfix mb10">

			<span class="floatLeft mr10">状态</span>

			<select class="floatLeft mr10" id="status">

				<option value="">全部</option>

				#{list items:status	, as:'s'}

				<option value="${s}">${s.title}</option>

				#{/list}

			</select>

			

			<!-- <span class="floatLeft mr10">买手昵称</span>

			<input type="text" id="buyerNick" class="floatLeft mr10 inputText" /> -->

			

		</div>
		<div class="clearfix mb10">

			<span class="floatLeft mr10">商家账号</span>

			<input type="text" id="sellerNick" class="floatLeft mr10 inputText" />

			<span class="floatLeft mr10" title="比较长的任务编号">商家任务ID</span>

			<input type="text" id="taskId" class="floatLeft mr10 inputText" />

		</div>

		<div class="clearfix mb10">

			<span class="floatLeft mr10">买手账号</span>

			<input type="text" id="buyerNick" class="floatLeft mr10 inputText" />

			<span class="floatLeft mr10" title="下面列表中的ID字段">买手任务ID</span>

			<input type="text" id="buyerTaskId" class="floatLeft mr10 inputText" />

            <a class="stdColorButton floatLeft queryBtn lh mr20" href="javascript:;" id="queryBtn">查询</a>
		</div>

	</div>

	<div class="mt10">

		<table class="normTable">

			<thead>

				<tr>

					<td style="width:10%">ID</td>

					<td style="width:30%">商品信息</td>

					<td style="width:20%">买手</td>

					<td style="width:30%">商家</td>

					<td style="width:30%">订单详情</td>

					<td style="width:15%">状态</td>

					<td style="width:9%">操作</td>

				</tr>

			</thead>

			<tbody id="taskContainer"></tbody>

		</table>

		<div id="noMsg">

			<div class="warnBox">

				<span class="iconfont">&#xf00b6;</span>

				没有任务!

			</div>

		</div>

		<div class="popWrapper" style="display: none;" id="tr_loading_mask">

			<div class="maskLayer"></div>

			<img class="tr_juhua" src="@{'/public/images/pre_loading.gif'}" />

		</div>

		<div class="pagin-btm clearFix"style="display: none;">

			<div class="pagination"></div>

		</div>

	</div>

</div>

<!-- 任务列表模板-->

<textarea id="taskTemp" class="muban">

	{{#results}}

	<tr>

		<td title="点击查看买手任务详情">
			<i class="iconfont">&#xf00a2;</i>
			</br>
			{{id}}
		</td>

		<td class="item-list">

			<div class="item-box">

				<div class="pic">

					<img src="{{itemPic}}" />

				</div>

				<p class="title">{{itemTitle}}</p>

			</div>

			任务ID:<a target="_blank" href="/admin/wdTask/{{taskIdStr}}" class="view-detail">{{taskIdStr}}</a>

			

		</td>

		<td>

			<div class="tdLeft">账号：{{buyerNick}}</div></br>

			<div class="tdLeft">客服：{{buyerAdminNameStr}}</div></br>

		</td>

		<td>

			<div class="tdLeft">商家：{{sellerNick}}</div></br>

			<div class="tdLeft">客服：{{sellerAdminNameStr}}</div></br>

			<div class="tdLeft">佣金：2.00元</div>

		</td>

		<td>

			<div class="tdLeft">接手时间：{{takeTimeStr}}</div>

		</td>

		

		<td>

			{{wdShareTaskStatusTitle}}

		</td>

		<td>
			<a href="javascript:;" class="view-detail tdLeft cancel" data-id="{{id}}" >取消任务</a>
			<a href="/admin/viewWdOrder/{{id}}" class="view-detail tdLeft" >查看订单</a>
		</td>

	</tr>

	{{/results}}

</textarea>

<!-- templates -->
<div class="popWrapper addAdminWnd" id="addAdminWnd">

    <div class="maskLayer"></div>

    <div class="modalWnd">

        <a href="javascript:void(0);" class="wnd_Close_Icon close" title="关闭窗口"></a>

        <h3 class="topTile">查看分销订单</h3>

        <div class="modalWndInner" style="width:500px">

            <table class="normTable">
				<thead>
					<tr>
						<td>订单号</td>
						<td>提交时间</td>
						<td>当前状态</td>
						<td>操作</td>
					</tr>
				</thead>
			</table>

        </div>

    </div>

</div>

#{set 'moreScripts'}

<script src="@{'/public/javascripts/date.js'}" type="text/javascript"></script>

<script src="@{'/public/javascripts/jquery.datePicker.js'}" type="text/javascript"></script>

<script src="@{'/public/javascripts/mustache.min.js'}" type="text/javascript"></script>

<script src="@{'/public/javascripts/jquery.pagination.js'}" type="text/javascript"></script>

<script src="@{'/public/javascripts/jquery.number.min.js'}" type="text/javascript"></script>

<script src="@{'/public/javascripts/admin/buyerWdTasks.js'}" type="text/javascript"></script>

<script type="text/javascript">App.module = 'buyerWdTask';</script>

#{/set}